// cover some element-ui styles

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 12.5rem;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block;
  }
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}

//cover el-breadcrumb默认样式
.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
  color: #92c1f5;
}

.el-input__inner {
  color: #fff;
  background-color: #070d2c !important;
  border: 0.09rem solid #416784;
}

.el-table {
  background: #012245 !important;
  color: #fff;
}

.el-table__empty-block,
.el-table__body-wrapper {
  background: #012245;
}

.el-table tr {
  background-color: transparent;
  color: #111111;

  th.el-table__cell {
    background-color: transparent;
    color: #fff;

    &.is-leaf {
      border: none;
    }
  }

  td.el-table__cell {
    border: none;
  }

  &:hover>td {
    // 悬停颜色 上面的不用管
    background-color: #0171c2 !important;
  }
}

.el-table__body .el-table__row--striped.hover-row td {
  background-color: #e1f6f6 !important;
}

.el-table::before {
  background-color: transparent !important;
}

.el-checkbox__inner {
  border: 0.125rem solid #548bbb !important;
  background-color: #062f64;
}

.el-checkbox__inner::after {
  border: 0.125rem solid #fff;
  border-left: 0;
  border-top: 0;
  top: 0;
  left: 0.125rem;
  width: 0.25rem;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #0171c2;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  height: 0.25rem;
  top: 0.1875rem;
}

.el-pagination__total {
  color: #fff;
}

.el-loading-mask {
  background-color: #050c2e;
}

.el-input-group__append,
.el-input-group__prepend {
  background-color: transparent;
  color: #fff;
  border: none;
  padding: 0 0.3125rem;
  font-size: 1.125rem;
}

.el-form-item {
  margin-bottom: 0.4375rem;
}

.el-form-item__label {
  color: #00a9d7;
}

.el-radio {
  color: #fff;
}

.el-radio__input .el-radio__inner {
  background-color: #ccc;
  /* 内部灰色按钮的颜色 */
  border-radius: 50%;
  /* 圆形按钮 */
  border: 0.125rem solid #fff;
}

.el-radio__input.is-checked .el-radio__inner {
  background-color: #1673ff;
  /* 圆形按钮 */
  border: 0.125rem solid #fff;
}

.el-radio__inner::after {
  /* 去除选中状态下，radio中间的白色孔洞 */
  background-color: transparent;
}

.el-table th.gutter {
  background-color: #071e4a;
}

.el-table__body-wrapper::-webkit-scrollbar {
  width: 0.3125rem;
  /*滚动条宽度*/
  height: 0.625rem;
  /*滚动条高度*/
}

/*定义滚动条轨道 内阴影+圆角*/
.el-table__body-wrapper::-webkit-scrollbar-track {
  box-shadow: 0px 0.0625rem 0.1875rem #071e4a inset;
  /*滚动条的背景区域的内阴影*/
  border-radius: 0.625rem;
  /*滚动条的背景区域的圆角*/
  background-color: #071e4a;
  /*滚动条的背景颜色*/
}

/*定义滑块 内阴影+圆角*/
.el-table__body-wrapper::-webkit-scrollbar-thumb {
  box-shadow: 0px 0.0625rem 0.1875rem #013770 inset;
  /*滚动条的内阴影*/
  border-radius: 0.625rem;
  /*滚动条的圆角*/
  background-color: #013770;
  /*滚动条的背景颜色*/
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 12.5rem;
}

/* 实时通话页面loading背景颜色修改 */
.web-rtc {
  .el-loading-mask {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }
}

/* 下拉框样式 */
.el-select-dropdown {
  border: 0.0625rem solid #0f2963;
  background-color: #0c1440;
}

.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #1c47a8;
}

.el-popper[x-placement^="bottom"] .popper__arrow {
  border-bottom-color: #1c47a8;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: #083c7a;
}

.el-select-dropdown__item {
  color: #ffffff;
}

/* 日期时间组件 */
.el-picker-panel {
  color: #ffffff;
  border: 0.0625rem solid #0f2963;
  background: #0c1440;
}

.el-date-picker__time-header {
  border-bottom: 0.0625rem solid #6391b4;
}

.el-date-table th {
  color: #fff;
  border-bottom: 0.0625rem solid #6391b4;
}

.el-picker-panel__footer {
  background-color: #fff;
  background: #0c1440;
  border-top: 0;
}

.el-picker-panel__icon-btn,
.el-date-picker__header-label {
  color: #ffffff;
}

.el-time-panel {
  background-color: #0a1032;
  border: 0.0625rem solid #0f2963;
}

.el-time-spinner__item {
  color: #ffffff;
}

.el-time-spinner__item.active:not(.disabled) {
  color: #4dc9fe;
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #0462c3;
}

.el-time-panel__btn {
  color: #ffffff;
}

.el-time-panel__footer {
  border-top: 0.0625rem solid #263a63;
}

.el-year-table td .cell {
  color: #ffffff;
}



/* 步骤条 */
.el-steps {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.el-step {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  text-align: center;
}

.el-step::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
  /* 横线的颜色 */
  z-index: -1;
  /* 使得横线在步骤条下方 */
}

.el-step:last-child::after {
  display: none;
  /* 去掉最后一个步骤的横线 */
}


.el-step .el-step__head {
  font-size: 20px;
}

.el-step .el-step__title {
  font-size: 14px;
  color: #35d0fb;
}

.el-step.is-active .el-step__head {
  color: #28faaa;
  /* 激活或完成步骤时的颜色 */
}

.el-steps--simple {
  height: 40px;
  padding: 0px 3%;
  border-radius: 4px;
  background: #030f39;
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 60% !important;
}

.el-step__title.is-process {
  font-weight: bold;
  color: #28faaa !important;
}

.el-textarea__inner {
  background-color: #070d2c;
  color: #fff;
  border: 1px solid #416784;
}

.el-tabs__item {
  color: #fff;
}
